<div data-role="page" data-add-back-btn="true" id="safer-neighbourhoods">
  <div data-role="header" data-position="fixed" data-theme="b">
    <h1>Safer Neighbourhoods</h1>
	<a href="#home" data-icon="home" data-direction="reverse" data-iconpos="notext" class="ui-btn-right">Home</a>
  </div>
  <div data-role="content">
    <ul data-role="listview" data-inset="true">
      <li style="padding:.7em 15px .7em 15px;">
      <div style="width:200px; height:148px; background:url(../images/map.gif); position:relative; margin:auto;">
        <div><a style="left:27px; top:14px; background:transparent; display:block; width:89px; height:0; padding-top:44px; overflow:hidden; position:absolute;" title="Hambleton and Richmondshire" href="#hambleton-and-richmondshire"></a></div>
        <div><a style="left:104px; top:54px; background:transparent; display:block; width:27px; height:0; padding-top:28px; overflow:hidden; position:absolute;" title="Hambleton and Richmondshire" href="#hambleton-and-richmondshire"></a></div>
        <div><a style="left:113px; top:16px; background:transparent; display:block; width:21px; height:0; padding-top:22px; overflow:hidden; position:absolute;" title="Hambleton and Richmondshire" href="#hambleton-and-richmondshire"></a></div>
        <div><a style="left:6px; top:55px; background:transparent; display:block; width:53px; height:0; padding-top:24px; overflow:hidden; position:absolute;" title="Craven" href="#craven"></a></div>
        <div><a style="left:22px; top:77px; background:transparent; display:block; width:44px; height:0; padding-top:17px; overflow:hidden; position:absolute;" title="Craven" href="#craven"></a></div>
        <div><a style="left:41px; top:92px; background:transparent; display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;" title="Craven" href="#craven"></a></div>
        <div><a style="left:63px; top:58px; background:transparent; display:block; width:43px; height:0; padding-top:41px; overflow:hidden; position:absolute;" title="Harrogate" href="#harrogate"></a></div>
        <div><a style="left:105px; top:80px; background:transparent; display:block; width:16px; height:0; padding-top:17px; overflow:hidden; position:absolute;" title="Harrogate" href="#harrogate"></a></div>
        <div><a style="left:120px; top:79px; background:transparent; display:block; width:23px; height:0; padding-top:24px; overflow:hidden; position:absolute;" title="York" href="#york"></a></div>
        <div><a style="left:106px; top:100px; background:transparent; display:block; width:36px; height:0; padding-top:29px; overflow:hidden; position:absolute;" title="Selby" href="#selby"></a></div>
        <div><a style="left:113px; top:126px; background:transparent; display:block; width:17px; height:0; padding-top:16px; overflow:hidden; position:absolute;" title="Selby" href="#selby"></a></div>
        <div><a style="left:131px; top:19px; background:transparent; display:block; width:49px; height:0; padding-top:53px; overflow:hidden; position:absolute;" title="Scarborough and Ryedale" href="#scarborough-and-ryedale"></a></div>
        <div><a style="left:178px; top:46px; background:transparent; display:block; width:21px; height:0; padding-top:23px; overflow:hidden; position:absolute;" title="Scarborough and Ryedale" href="#scarborough-and-ryedale"></a></div>
        <div><a style="left:141px; top:6px; background:transparent; display:block; width:24px; height:0; padding-top:15px; overflow:hidden; position:absolute;" title="Scarborough and Ryedale" href="#scarborough-and-ryedale"></a></div>
        <div><a style="left:141px; top:70px; background:transparent; display:block; width:26px; height:0; padding-top:15px; overflow:hidden; position:absolute;" title="Scarborough and Ryedale" href="#scarborough-and-ryedale"></a></div>
        <div><a style="left:114px; top:35px; background:transparent; display:block; width:18px; height:0; padding-top:20px; overflow:hidden; position:absolute;" title="Scarborough and Ryedale" href="#scarborough-and-ryedale"></a></div>
        <div><a style="left:129px; top:70px; background:transparent; display:block; width:14px; height:0; padding-top:8px; overflow:hidden; position:absolute;" title="Scarborough and Ryedale" href="#scarborough-and-ryedale"></a></div>
      </div>
      </li>
    </ul>
    <ul data-role="listview" data-inset="true">
      <li><a href="#craven">Craven</a></li>
      <li><a href="#hambleton-and-richmondshire">Hambleton and Richmondshire</a></li>
      <li><a href="#harrogate">Harrogate</a></li>
      <li><a href="#scarborough-and-ryedale">Scarborough and Ryedale</a></li>
      <li><a href="#selby">Selby</a></li>
      <li><a href="#york">York</a></li>
    </ul>
  </div>
  <div data-role="footer">
    <h4>One force, protecting our communities.</h4>
  </div>
</div>